<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
		<meta name="renderer" content="webkit">
		<title>{pboot:if('{sort:title}'=='')}{pboot:pagetitle}{else}{sort:title}{/pboot:if}</title>
		<meta name="keywords"
			content="{pboot:if('{sort:keywords}'=='')}{pboot:pagekeywords}{else}{sort:keywords}{/pboot:if}">
		<meta name="description"
			content="{pboot:if('{sort:description}'=='')}{pboot:pagedescription}{else}{sort:description}{/pboot:if}">
		<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/swiper.min.css">
		<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/style.css">
		<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/media.css">
		<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/animate.min.css">
		<script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.min.js"></script>
		<script type="text/javascript" src="{pboot:sitedomain}/skin/js/swiper.min.js"></script>
		<script type="text/javascript" src="{pboot:sitedomain}/skin/js/wow.min.js"></script>
		<script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.countup.min.js"></script>
		<script type="text/javascript" src="{pboot:sitedomain}/skin/js/main.js"></script>
		<script type="text/javascript" src="{pboot:sitedomain}/skin/js/layer.js"></script>
	</head>
	<style>
		* {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		#join-upload {
			width: 100px;
			height: 36px;
			line-height: 36px;
			position: relative;
			background-color: #0096ff;
			border-radius: 4px;
			float: left;
			text-align: center;
			color: #fff;
			margin: 5px 0;
		}

		#join-upload input[type="file"] {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
		}

		#file_name.desc {
			height: 46px;
			line-height: 46px;
		}
	</style>
	<body class="menu-bg">
		{include file=head.html}
		<!--内容-->
		{pboot:sort scode={sort:tcode}}
		<div id="bann" style="background-image: url([sort:pic]);">
			<div class="container">
				<div class="t1 wow fadeInUp" data-wow-delay="200ms">[sort:subname]<br>
				</div>
				<div class="t2 wow fadeInUp" data-wow-delay="300ms"> <span>[sort:def1]</span> </div>
			</div>
		</div>
		{/pboot:sort}
		<div class="nav_pc hide wow fadeInLeft" id="nav" data-wow-delay="400ms">
			<div class="container"> <a class="home" href="{pboot:sitedomain}/"><img
						src="{pboot:sitedomain}/skin/images/home_ico.png" style="background-color: #295e70;" alt=""></a>
				<div class="first">
					<h4>{sort:topname}</h4>
					<ul>
						{pboot:nav}
						<li><a href="[nav:link]">[nav:name]</a></li>
						{/pboot:nav}
					</ul>
				</div>
				<div class="second active">
					<h4> {sort:name} </h4>
					<ul>
						{pboot:nav num=50 parent={sort:tcode}}
						<li><a href="[nav:link]">[nav:name]</a></li>
						{/pboot:nav}
					</ul>
				</div>
			</div>
		</div>
		<div class="nav_phone hide container ">
			<p>{pboot:position}</p>
		</div>
		<div id="join">
			<div class="container">
				<div class="join-box">
					<div class="join-nav wow fadeInUp" data-wow-delay="200ms"> <a class="item active">{sort:name}</a>
					</div>
					<div class="text wow fadeInUp" data-wow-delay="300ms">我们期待这样的你：<br>
						勇于挑战，敢于创新，突破自我，在专业道路上不断精进；<br>
						有协作精神，能与伙伴真诚沟通，共同学习成长。</div>
					<ul class="join-list">
						{pboot:list num=10 order=sorting}
						<li class="wow fadeInUp" data-type="volist">
							<div class="recruit-top">
								<div> 职位： <span>[list:title]</span> </div>
								<div> 部门：<span>[list:ext_bumen]</span> </div>
								<div> 工作地点：<span>[list:ext_didian]</span> </div>
								<div> 招聘人数：<span>[list:ext_renshu]</span> </div>
								<div> 发布时间：<span>[list:date style=Y-m-d]</span> </div>
							</div>
							<div class="recruit-content">
								<h2 style="margin: 0px; padding: 18px 0px; font-size: 18px; color: rgb(51, 51, 51); border-top: 0px none; font-family: "
									microsoft="" white-space:="" background-color:=""><span class="bname"
										style="height: 20px; line-height: 20px; margin-top: 15px; padding-left: 15px; border-left: 4px solid rgb(255, 96, 0);">职位信息</span>
								</h2>
								<div style="line-height: 35px;">[list:content]</div>
								{pboot:sort scode=22}<a href="[sort:link]" class="join-in">立即申请</a>{/pboot:sort}
							</div>
						</li>
						{/pboot:list}
					</ul>
				</div>
				<div class="fenye wow fadeInUp" data-wow-delay="300ms">
					{pboot:if({page:rows}>0)}
					<div class="pagebar">
						<div class="pagination">
							<a class="page-item page-link hidden-sm" href="{page:index}" title="首页">首页</a>
							<a class="page-item page-link st" href="{page:pre}" title="上一页">
								<<< /a>
									{page:numbar}
									<a class="page-item page-link" href="javascript:;"
										title="当前页/总页数">{page:current}/{page:count}</a>
									<a class="page-item page-link st" href="{page:next}" title="下一页">>></a>
									<a class="page-item page-link hidden-sm" href="{page:last}" title="尾页">尾页</a>
						</div>
					</div>
					{else}
					<div style="text-align: center;padding-bottom: 50px;">
						<img src="{label:nodata}" alt="" style="opacity: 0.35;">
						<div class="tac text-secondary">很抱歉，暂无数据！</div>
					</div>
					{/pboot:if}
				</div>
			</div>
		</div>
		{include file=head.html}
		<script type="text/javascript">
			$('.nav_pc .first, .nav_pc .second').on('mouseenter mouseleave', function() {
				$(this).children('ul').stop().slideToggle()
			});

			$('body').on('click', '.join-list .recruit-top', function() {
				if ($(this).hasClass("flag")) {
					$(this).removeClass("active");
					$(this).removeClass("flag");
					$(this).parent("li").children(".recruit-content").slideUp(600);
				} else {
					$(".join-list .recruit-top").removeClass("active");
					$(this).addClass("active");
					$(".join-list .recruit-top").removeClass("flag");
					$(this).addClass("flag");
					$(".join-list .recruit-top").parent("li").children(".recruit-content").slideUp(600);
					$(this).parent("li").children(".recruit-content").slideDown(600);
				}
			});
		</script>
	</body>
</html>